/*
THEME NAME: Widgetbox
THEME URI: http://shailan.com
DESCRIPTION: Widgetbox is an all-widget theme. You can get more all-widget themes from <a href="http://shailan.com">shailan.com</a>.
VERSION: 2.0
AUTHOR: Matt Say
AUTHOR URI: http://shailan.com
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer, all-widget, widgets, adsense-ready, custom-widgets.
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Serif|Ubuntu:regular);

body {
	color: #4b4e4c;
	background: #0b0f0c url(images/widgetbox_bg3.png) repeat-x;
	font: 13px/20px Arial, Helvetica, sans-serif;
}

ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
acronym { cursor: help; border-bottom: 1px dashed #333; }
strong { font-weight: bold; }
em { font-style: italic; }
hr { display: none; }
.right { float: right; }
.left { float: left; }
.hide { display: none; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Links */
a:link, a:visited {	color: #458; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #71b259; text-decoration: none; }
h2 a:link, h2 a:visited { color: #363d38; text-decoration: none; }
h2 a:hover { color: #000; text-decoration: none; }
h2 a:active { color: #363d38; text-decoration: none; }

/* Titles */
h1, h2, h3, h4, p.intro, blockquote, #site-title, .section-title, .entry-title, .widget-title{ 
	font-family: 'Droid Sans', arial, sans-serif; text-shadow:1px 1px 2px rgba(60, 60, 60, 0.1); margin-bottom:0.5em; color: #697177; 
} p.intro{ font-size: 1.2em; }

.entry-title, .section-title, .widget-title{ display:block; font-size: 1.8em; color: #456; }
.entry-title a, .section-title a, .widget-title a{ color: #456; }
.entry-title a:hover, .section-title a:hover, .widget-title a:hover{ color: #000; }

/*
.logged-in h1,.logged-in  h2,.logged-in  h3,.logged-in  h4 { color:#f00; }
.logged-in h1 a,.logged-in  h2 a,.logged-in  h3 a,.logged-in  h4 a{ color:#f00; }
*/

.post-edit-link{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 0.8em }
#top-menu, #footer-links, #header-menu, #footer-menu, .navigation{ font-size:0.9em; }



/* COMMON */
a[rel~="attachment"] img,.gallery a img,.wp-caption { 
	background-color: #F3F3F3;
	border: 1px solid #ddd;
	padding: 3px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
} a[rel~="attachment"] img:hover,.gallery a img:hover, .wp-caption:hover { border: 1px solid #09c; }

blockquote { border-left: 3px solid #ccc; margin: 0; padding-left: 17px; }

.wp-caption a img, .wp-caption a img:hover { padding: 4px 0px 0px; border: 0 none; }
.wp-caption .wp-caption-text { margin: 4px 0 2px; }

.alert { background: #FFF6BF; text-align: center; margin: 10px auto; padding: 4px 20px; }
.hidetext { text-indent: -9999px; }

.rss-link{ padding-left:18px; background:url(images/icons/rss.gif) 0 50% no-repeat; }
.logged-in a[rel~="nofollow"]{border-bottom:1px dashed #ccc;}
#lightbox{z-index:598;} 

pre{ background:#f0f0f0; padding:10px; border:2px solid #ccc; border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px; margin:10px; }
code{ background:#f0f0f0; padding:5px; }
div.note, .note{ background: #FFFBBC; border: 2px solid #E6DB55; margin:10px; padding:10px; padding-left:20px; border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px; font-style:oblique; }
div.warning, .warning{border:2px solid #bb7777; background:#ffcccc; margin:10px; padding:10px; padding-left:20px; border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px; font-style:oblique;}
	
/*p, pre, table, form {
	margin: 15px 0px;
}*/

#wrapper { border: 0; clear: both; margin: 0 auto 15px; padding: 0px; position: relative; text-align: left; z-index: 0; }

/* MENUS */
.top-navigation{ width: 960px; margin:3px auto 5px; text-align:right; }
.top-navigation .menu li, .top-navigation .menu.horizontal li { padding:0; padding:3px 3px 2px 10px; }
.header-navigation{  }
#top-menu, #header-menu{ position:relative; }
#header-menu{ top:45px; left:10px; }
#header-menu li{ margin-right: 10px; }
#header-menu li a{ -webkit-box-shadow: #536373 0px 0px 2px inset;
border: 1px solid #536373;
color: #536373;}
#header-menu li a:hover{ -webkit-box-shadow: #536373 0px 0px 2px;
border: 1px solid #738393;
color: #536373;}

#footer-menu{ text-align:center; margin-bottom:15px; }
#footer .menu li a { color:#999; }

/* LAYOUT */
#header_wrap,
#content_wrap,
#footer_wrap {
  min-width: 980px;
}

#header,
#content,
#footer {
  width: 980px;
  margin:0px auto;
}

/* HEADER */
#header_wrap{ height: 133px; }
#main-title h1{ margin:0px; }
#header { overflow: visible; position: relative; height:100%; }
#header .widget_text p { padding: 0px 10px; }
.gradient{ background: url(http://valendesigns.com/wp-content/themes/valen/images/backgrounds/gradient_background.jpg) no-repeat 0px 0px;
	height: 81px;
	left: -100px;
	position: absolute;
	top: 0px;
	width: 500px; }
#branding{ left: 0px; position: relative; top: 10px; width:300px; }
#logo{ float:left; display:inline; margin:10px 0; }
#site-id{ float:left; display:inline; margin:10px 0 0 10px; }
#site-title a{ font-family: 'Ubuntu', serif; font-size: 1.3em; color:#def; text-shadow: 0 1px 1px #000; } 
#site-description{ font-size: 1.2em; font-weight: normal; font-style: oblique; margin:0; }
/*
#header ul.menu li { display: inline; }
#header ul.menu li a { display: inline; padding: .5em 1em; }
#header ul.menu li ul, #header ul.menu li ul ul, #header ul.menu li ul ul ul, #header ul.menu li ul ul ul ul { display: none; }
#header ul.menu li+li { border-left: 1px solid; }
#header ul.menu li.hover ul { display: block; } */

/* CONTENT */
#content_wrap{ background:#f0efed; }
#content{ padding:30px 10px; }
div#sub-title{ background:#efefef; border-bottom:1px solid #ccc; margin-bottom:15px; }
.navigation{ font-weight:bold; }

.hentry { clear: both; margin: 0 0 15px; padding: 0px; position: relative; zoom: 1;  
	/*border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #cdcdcd;*/
}
.entry-footer{ padding:0 15px; }

/* FOOTER */
#footer{ background: #1b1b1b; clear: both; margin: 0px auto; padding: 0px; }
#footer .columns .widget { float: left; padding-left: 10px; text-align: left; width: 285px; }

#footer .siteadmin a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px 10px; position: fixed; right: 5px; top: 5px; z-index: 1000; }

.entry-foot .m2-esubscribe input[type~="text"] { border: 0px; border-bottom: 2px dashed #ffcc00; width: 260px; }
ul.related_post { border-top: 1px solid #ddd; display: block; list-style-type: none; margin: 0px; margin-top: 5px; }
#nav-images { clear: both; text-align: center; }
a { border-radius: 5px; }
.wp-caption , #sidebar-2 .ngg-widget img, #sidebar-1 .ngg-widget img { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; border-radius: 5px; padding: 9px; }

.entry-content div { margin: auto; }
.entry-content div.toc { -khtml-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px solid #ccc; border-radius: 8px; float: right; margin-left: 10px; padding: 5px; width: auto; }
.entry-foot .widget { margin: 0px 0px 20px; }
.entry-thumb { border: 0px solid #666; float: left; height: 80px; margin-left: -95px; overflow: hidden; padding: 0px; width: 80px; }
.wdt_button_min { clear: none; float: left; padding: 5px; }
.wp-post-image { margin: 0px; padding: 0px; }
.widget { margin: 0px; }
.post .wp-caption:hover { border: 1px solid #09c; }

.edit-link a { position: absolute; right: 0px; top: 0px; }
.entry-content blockquote p, .entry-content blockquote ul, .entry-content blockquote ol, .entry-content blockquote div { margin: 0px; }
.entry-content div.toc ol { margin: 0px; }
.entry-content p { margin: 0px 0px 13px 0px; }
.entry-content ul, .entry-content ol { padding-left: 25px; }
.entry-foot .m2-esubscribe p { border: 2px solid #ffcc00; border-bottom-left-radius: 4px 4px; border-bottom-right-radius: 4px 4px; border-top-left-radius: 4px 4px; border-top-right-radius: 4px 4px; margin: 0px; padding: 4px 8px; text-align: center; }
.entry-thumb img { height: 80px; vertical-align: middle; width: 80px; }
.entry-thumbnail { border: 2px solid #666; margin-left: 10px; padding: 2px; }
.m2-adsense { text-align: center; }
.post_share .small-buttons { display: none; }
.tab-content ul, .entry-bottom-widget ul, #primary .widget ul, #secondary .widget ul, #footer .widget ul { display: block; list-style-type: none; margin: 1em 0; margin-top: 5px; }
.wdt_button .fb_share_size_small fb_share_count_wrapper { width: 50px; }
.wdt_button .fbconnectbutton_small .fbconnectbutton_text { margin-left: 10px; padding: 2px 3px 3px; }
ul#footer-widgets, #footer-widgets .widget ul { display: block; list-style-type: none; margin: 1em 0; margin-top: 5px; }
ul.related_post li { border-bottom: 1px solid #ddd; padding: 5px 8px; }
.archive-meta { padding: 10px; }
.footerfeedlinks { float: left; text-align: left; }

.comments { clear: both; margin: 0px 0px 20px; padding-top: 20px; position: relative; text-align: left; }
.widget_tag_cloud { line-height: 2em; }


.post_share { border: 0px; float: left; margin-left: -94px; margin-right: 10px; position: relative; }
#cancel-comment-reply { padding: 0 20px 0 0; position: absolute; right: 5px; top: 5px; }
#commentform input[type="text"] { border: none; border-bottom: 1px dashed #999; }


#footer a:hover { border: none; }
#footer p { line-height: 1.6em; }
#header ul.menu { list-style-type: none; margin: 0px; padding: 0px; }
#header-image-wrapper { height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; z-index: 1; }
#nav-images .nav-previous img, #nav-images .nav-next img { height: 80px; vertical-align: middle; width: 80px; }
#nav-images a span { display: block; }
#respond, #comments-list #respond { overflow: hidden; padding: 10px; position: relative; }
#sa { border: none; display: inline; float: right; margin: 0; padding: 0; }
#search { height: 30px !important; width: 200px !important; }
.attachment { position: relative; }
.attachment .post { margin-left: 60px; }
.attachment-icon { left: -60px; position: absolute; top: 0; }
.attachment-image { text-align: center; }
.attachment-image .caption { margin: 0; }
.attachment-image .caption p { display: inline; }
.comments { clear: both; margin: 0px; padding-top: 0px; position: relative; text-align: left; }
.countdown { border-width: 2px; }
.footerstats { display: none; }
.image-meta { list-style-type: circle; padding: 10px 0 10px 20px; }
.image-meta li { margin: 3px 0; }
.image-meta span { display: block; float: left; width: 8em; }
.m2-adsense { width: auto; }
.template-image .post { margin-left: 0; }
.widget_nav_menu { text-align: center; }
.widget_tag_cloud a { padding: 0 2px; white-space: nowrap; }
.widget_tag_cloud li { display: inline; }
.wp-pagenavi a, .wp-pagenavi span { border: none; }
div.navigation div.nav-previous { float: left; }
li.admintab a { left: 10px; position: fixed; top: 10px; z-index: 100; zoom: 1; }
.post_share .wdt_button { clear: both; display: block; margin: 5px; }
#commentform textarea { border-width: 2px; width: 98%; }

#nav-images .entry-attachment { display: inline; }
#nav-images .entry-caption { display: inline; margin: 0px; }
#nav-images .nav-next { display: inline; height: 80px; width: 80px; }
#nav-images .nav-previous { display: inline; height: 80px; width: 80px; }
#q, #s { border: none; display: inline; float: left; height: 16px !important; margin: 3px; padding: 4px; padding-left: 26px; width: 163px; }
#return_to_top div { bottom: 100px; height: 64px; overflow: hidden; position: fixed; right: 10px; text-indent: -9999px; width: 64px; z-index: 10; }

.m2-adsense .square-200 { clear: right; float: right; margin-left: 10px; }
.stf_blog_title .description { padding: 10px 20px 0px 20px; }
.stf_blog_title .logo { float: left; }
.stf_blog_title .logo img { height: 80px; margin-right: 10px; width: 80px; }
.stf_blog_title .title { padding: 10px; }
.widget_search { border: 0; margin: 10px auto !important; padding: 5px; width: 200px; }
a[rel="home"] { padding-right: 24px; }
a[rel="home"]:hover { padding-right: 24px; }
div#search .lef { display: block; height: 23px; padding: 0; position: relative; }
#powered-by { clear: both; margin: 20px auto 20px; }
.tab-content ul li, .entry-bottom-widget ul li, #secondary .widget ul li, #primary .widget ul li, #footer .widget ul li { padding: 5px 8px; }
#header .stf_blog_title { padding: 10px 0px 0px 50px; }
div.navigation div.nav-next { float: right; text-align: right; }
#nav-images .entry-attachment img { vertical-align: middle; }


/* COMMENTS */
#commentform textarea { border: 2px solid #222; width: 98%; }
#comments-list li { position: relative; margin-left:0; }
#comments-list li li{ margin-left:15px; }
#comments-list li .comment-author { margin-right:10px; }
.avatar { border: 1px solid #ccc; }
.comment-author-avatar{ float: left; margin: 3px 6px 3px 3px; position: relative; z-index: 3; }
div.comment-meta {  }
div.comment-body{ display: block; min-height: 67px; overflow: hidden;
	position: relative; border:1px solid #ccc; padding:8px; margin:6px; }
#comments-list ol, #comments-list ul { list-style-type: none; }
div.reply{ 
	top: 56px;
	left: 4px;
	padding: 0px 0px 0px 5px;
	position: absolute;
	width: 40px; }
#cancel-comment-reply { position: absolute; right: 5px; top: 5px; }
#commentform input[type="text"] { border: none; border-bottom: 1px dashed #999; }
#comments-list .avatar, #comments-list .gravatar { float: left; margin-right: 10px; }
#comments-list li .buttons { margin-bottom: 10px; }
#respond, #comments-list #respond { overflow: hidden; padding: 10px; position: relative; }
#respond{ border: 0; }
#trackbacks-list { margin-bottom: 10px; }
#trackbacks-list ol, #trackbacks-list ul { margin: 10px; padding-left: 30px; }

/* PAGERANK */
.pagerank{ display: inline; }
.pagerank-frame{ height:8px; width:35px; margin-left: 2px; background-color:#f7f7f7; border:1px #ccc solid; display: inline-block; }
.pagerank-bar{ background-color:#009933; height:8px; }





